<template>
  <div class="echarts" :id="echartsData.id"></div>
</template>


<script lang="ts" src="./pie.ts"></script>
<style lang="less" scoped src="./pie.less"></style>

// 所有的prop都会使得其父子prop之间形成一个 单向下行绑定 。
// 父级 prop 的更新会向下流动到子组件中，但是反过来不行。这样可以防止从子组件意外变更父级组件的状态。
// 每次父级组件更新后，子组件所有prop都会刷新为最新的值。

// vue3的生命周期函数，可以按需导入到组件中，且只能在 setup() 函数中使用
// beforeCreate -> 使用setup()
// created -> 使用 setup()
// beforeMount -> onBeforeMount
// mounted -> onMounted
// beforeUpdate -> onBeforeUpdate
// updated -> onUpdated
// beforeDestroy -> onBeforeUnmount
// destroyed -> onUnmounted
// errorCaptured -> onErrorCaptured